<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp_lib/init.jsp"%>
<!DOCTYPE html>
<html>
<head>
<title>信用卡管理</title>
<jsp:include page="/WEB-INF/jsp/common/common.jsp" />
<jsp:include page="/WEB-INF/jsp_lib/extjs.jsp" />

<script type="text/javascript">
	var comboxStore;
	var comboxCustomerStore;

	//设置ComboBox列表数据源参数
	comboxStore = Ext.create('Ext.data.Store', {
		fields : [ 'name', 'kid' ],
		remoteSort : true,
		autoLoad : true,
		pageSize : 20,
		sorters : {
			property : 'name',
			direction : 'ASC'
		},
		proxy : {
			type : "ajax",
			url : "${path}/cp/xyk/bank/list_data.htm",
			reader : {
				type : 'json',
				rootProperty : 'list',
				totalProperty : 'page.rowTotal'
			}
		}
	});

	comboxCustomerStore = Ext.create('Ext.data.Store', {
		fields : [ 'name', 'kid' ],
		remoteSort : true,
		autoLoad : true,
		pageSize : 10,
		sorters : {
			property : 'name',
			direction : 'ASC'
		},
		proxy : {
			type : "ajax",
			url : "${path}/cp/xyk/customer/list_data.htm",
			reader : {
				type : 'json',
				rootProperty : 'list',
				totalProperty : 'page.rowTotal'
			}
		}
	});
</script>

<jsp:include page="add.jsp" />
<jsp:include page="edit.jsp" />

<script type="text/javascript">
	var dataStore;

	function to_pos_list(bank, customer_card_id) {
		var url = "/cp/xyk/pos/list.htm?customer_card_id=" + customer_card_id;
		window.parent.openTab(Ext.getCmp("customer_name").getValue() + "-"
				+ bank + "-刷卡记录", customer_card_id, url);
	}

	Ext.onReady(function() {

		dataStore = Ext.create('Ext.data.Store', {
			fields : [ 'kid', 'status', 'created', 'customer_id', 'card_no',
					'bank_name', 'money_max', 'date', 'is_other_card',
					'is_past', 'past_cnt', 'money_remain', 'back_type',
					'card_type', 'end_date', 'bill_type', 'bill_day',
					'bill_back_day', 'pwd_query', 'pwd_pay', 'note',
					'money_sum', 'money_sum_lr' ],
			remoteSort : true,
			autoLoad : true,
			pageSize : 20,
			sorters : {
				property : 't.created',
				direction : 'DESC'
			},
			proxy : {
				type : "ajax",
				url : "list_data.htm",
				reader : {
					type : 'json',
					rootProperty : 'list',
					totalProperty : 'page.rowTotal'
				}
			},
			listeners : {
				'beforeload' : function(store, op, options) {
					var params = searchFormPanel.getForm().getValues();
					Ext.apply(dataStore.proxy.extraParams, params);
				}
			}
		}); //#dataStore

		var searchFormPanel = Ext.create('Ext.form.Panel', {
			frame : true,
			title : "卡主信息",
			style : {
				marginBottom : '5px'
			},
			buttonAlign : "center",
			collapsible : true,
			defaultType : "textfield",
			items : [ {
				xtype : "container",
				layout : "column",
				items : [ {
					xtype : "textfield",
					fieldLabel : "姓名",
					labelStyle : "text-align:right;",
					id : "customer_name",
					value : "${customer.name}",
					readOnly:true
					
				}, {
					xtype : "textfield",
					fieldLabel : "手机号码",
					labelStyle : "text-align:right;",
					value : "${customer.mobile}",
					readOnly:true
				}, {
					xtype : "textfield",
					fieldLabel : "住宅电话",
					labelStyle : "text-align:right;",
					value : "${customer.telephone}",
					readOnly:true
				}, {
					xtype : "textfield",
					name : "customer_id",
					value : "${customer.kid}",
					hidden : true
				} ]
			} ]
		}); //#searchFormPanel

		var listGridPanel = Ext.create('Ext.grid.Panel', {
			title : '以下为系统内收录的 【${customer.name}】 名下所有卡片的基本信息',
			tbar : [ {
				text : '添加卡片',
				xtype : 'button',
				icon : jcapp.getIcon("add.png"),
				handler : function() {
					myAdd();
				}
			} ],
			dockedItems : [ {
				xtype : 'pagingtoolbar',
				store : dataStore, // same store GridPanel is using
				dock : 'bottom',
				displayInfo : true
			} ],
			store : dataStore,
			columns : [ {
				text : '银行',
				dataIndex : 'bank_name',
				sortable : false,
				flex : 1
			}, {
				text : '卡号',
				dataIndex : 'card_no',
				flex : 1
			}, {
				text : '固定额度',
				dataIndex : 'money_max',
				flex : 1
			}, {
				text : '临时额度',
				dataIndex : 'money_max_temp',
				flex : 1
			}, {
				text : '超限额度',
				dataIndex : 'money_max_super',
				flex : 1
			}, {
				text : '开卡日期',
				dataIndex : 'date',
				hidden : true,
				renderer : function(val) {
					if (val == undefined) {
						return "";
					} else {
						return Ext.util.Format.date(new Date(val), "Y-m-d");
					}
				},
				flex : 1
			}, {
				text : '附属卡',
				dataIndex : 'is_other_card',
				hidden : true,
				flex : 1
			}, {
				text : '逾期情况',
				dataIndex : 'is_past',
				hidden : true,
				flex : 1
			}, {
				text : '逾期次数',
				dataIndex : 'past_cnt',
				hidden : true,
				flex : 1
			}, {
				text : '卡内余额',
				dataIndex : 'money_remain',
				flex : 1
			}, {
				text : '还款方式',
				dataIndex : 'back_type',
				flex : 1
			}, {
				text : '卡种',
				dataIndex : 'card_type',
				flex : 1
			}, {
				text : '有效期',
				dataIndex : 'end_date',
				hidden : true,
				renderer : function(val) {
					if (val == undefined) {
						return "";
					} else {
						return Ext.util.Format.date(new Date(val), "Y-m");
					}
				},
				flex : 1
			}, {
				text : '账单投递方式',
				dataIndex : 'bill_type',
				hidden : true,
				flex : 1
			}, {
				text : '账单日',
				dataIndex : 'bill_day',
				flex : 1
			}, {
				text : '最后还款日',
				dataIndex : 'bill_back_day',
				flex : 1
			}, {
				text : '查询密码',
				dataIndex : 'pwd_query',
				flex : 1
			}, {
				text : '交易密码',
				dataIndex : 'pwd_pay',
				flex : 1
			}, {
				text : '今日流水',
				dataIndex : 'money_sum',
				sort : false,
				flex : 1
			}, {
				text : '收支总和',
				dataIndex : 'money_sum_lr',
				sort : false,
				flex : 1
			}, {
				xtype : "actioncolumn",
				align : "center",
				text : '卡片交易',
				flex : 1,
				items : [ {
					xtype : 'button',
					tooltip : '去刷卡',
					icon : jcapp.getIcon("application_cascade.png"),
					handler : function(grid, rowIndex, colIndex) {
						var rec = grid.getStore().getAt(rowIndex);
						//alert("编辑 " + rec.get('kid'));
						to_pos_list(rec.get('bank_name'), rec.get('kid'));
					}
				} ]

			}, {
				xtype : "actioncolumn",
				align : "center",
				text : '编辑',
				items : [ {
					xtype : 'button',
					icon : jcapp.getIcon("application_form_edit.png"),
					tooltip : '编辑',
					handler : function(grid, rowIndex, colIndex) {
						var rec = grid.getStore().getAt(rowIndex);
						//alert("编辑 " + rec.get('kid'));
						myEdit(rec.get('kid'));
					}
				} ]

			},{
				xtype : "actioncolumn",
				align : "center",
				text : '删除',
				items : [ {
					xtype : 'button',
					tooltip : '删除',
					icon : jcapp.getIcon("cross.png"),
					handler : function(grid, rowIndex, colIndex) {
						var rec = grid.getStore().getAt(rowIndex);
						myDel(rec.get('kid'));
					}
				} ]

			} ]
		}); //#listGridPanel

		searchFormPanel.render(Ext.getBody());
		listGridPanel.render(Ext.getBody());

	});

	function myDel(kid) {
		Ext.Msg.confirm("提示:", "确定删除选定的记录?", function(e) {
			if (e == "yes") {
				Ext.Ajax.request({
					url : "del.htm?kid=" + kid,
					success : function(response) {
						var json = Ext.util.JSON.decode(response.responseText);
						Ext.Msg.alert("提示", json.tip.msg);
						dataStore.load();
					},
					failure : function(response) {
						Ext.Msg.alert("提示", "操作失败!");
					}
				});
			}//#if
		});
	}//#myDel
</script>
</head>
<body>

</body>
</html>
